<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--src设置资源路径:
            相对路径:访问站内资源时使用
                1. 资源和页面在同级目录:  直接写图片名
                2. 资源在页面的上级目录:  ../图片名
                3. 资源在页面的下级目录:  文件夹名/图片名
            绝对路径:访问站外资源时使用,称为图片盗链, 有找不到图片的风险
            alt:当图片不能正常显示时显示的文本
            title: 鼠标悬停时显示的文本
            width/height:设置宽高  两种赋值方式:1.像素 2.百分比
            只设置宽度 高度会自动等比例缩放
            -->
<img src="aa.jpg" alt="美女图片">
<img src="../b.jpg" title="买它" width="100" height="200">
<img src="abc/c.jpg" width="50%">
<img src="https://cdn.tmooc.cn/bsfile//courseImg///5f791c0985cc4a67a5c4dca6627155b0.jpg">
</body>
</html>